<!DOCTYPE HTML>
<html xmlns:th="http://www.thymeleaf.org">
<head>
<title>电子科技大学成都研究院</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link rel="stylesheet"
	href="https://cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.css">
<link rel="stylesheet" th:href="@{/css/bootstrap.min.css}"
	href="/css/bootstrap.min.css">
<link rel="stylesheet" th:href="@{/css/mystyle1.css}"
	href="/css/mystyle1.css">
<script th:src="@{/js/jquery.min.js}" src="/js/jquery.min.js"></script>
<script th:src="@{/js/myscipt.js}" src="/js/myscipt.js"></script>
<script th:src="@{/js/bootstrap.min.js}" src="/js/bootstrap.min.js"></script>
<title>电子科技大学成都研究院</title>
<style type="text/css">
.mynav-item a {
	background-color: #dcdde1;
	color: #63666b
}

.mynav-item a.active {
	background-color: #005bac;
	color: white;
}

.myul {
	list-style: none;
	padding: 0px;
	margin: 0px
}

.myul li {
	line-height: 16px;
	font-size: 14px;
	color: #474545;
	padding: 5px 0;
}

.myul li a {
	color: #474545
}

.myul li a:hover, .mylink:hover {
	color: #f39800
}

.mylink {
	color: #888;
}

.mynavbar li a:hover {
	color: #f39800
}

.mynavbar li a {
	color: #474545
}
</style>
</head>
<body>
	<header th:replace="~{templates/header::.container-fluid}"> </header>
	<!-- 轮播图 -->
	<div class="slide">
		<div id="carouselExample1" class="carousel slide" data-ride="carousel">
			<ol class="carousel-indicators">
				<li data-target="#carouselExample1" data-slide-to="0" class="active"></li>
				<li data-target="#carouselExample1" data-slide-to="1"></li>
				<li data-target="#carouselExample1" data-slide-to="2"></li>
			</ol>
			<div class="carousel-inner">
				<div class="carousel-item active">
					<img class="img-fluid d-block w-100" style="max-height: 430px"
						th:src="@{/imgs/20180303110826.jpg}"
						src="/imgs/20180303110826.jpg" alt="First slide">
				</div>
				<div class="carousel-item">
					<img class="img-fluid d-block w-100" style="max-height: 430px"
						th:src="@{/imgs/20180303110733.jpg}"
						src="/imgs/20180303110733.jpg" alt="Second slide">
				</div>
				<div class="carousel-item">
					<img class="img-fluid d-block w-100" style="max-height: 430px"
						th:src="@{/imgs//20180303110717.jpg}"
						src="/imgs/20180303110717.jpg" alt="Third slide">
				</div>
			</div>
		</div>
	</div>
	<div class="container" style="margin-top: 30px">
		<div class="row">
			<div class="col-lg-6 col-md-6">
				<!-- 图文 -->
				<div id="carouselExample2" class="carousel slide border"
					data-ride="carousel"
					style="height: 300px; flex: none; width: whatever; position: relative;">
					<div class="carousel-inner">
						<div class="carousel-item active">
							<img class="d-block" style="height: 300px; width: 100%"
								th:src="@{/imgs/c8db3f9be9365044bbd0e198fcb4f13e.jpg}"
								src="/imgs/c8db3f9be9365044bbd0e198fcb4f13e.jpg"
								alt="学校启动2018“平安成电”安全教育月活动">
						</div>
						<div class="carousel-item">
							<img class="d-block" style="height: 300px; width: 100%"
								th:src="@{/imgs/c8db3f9be9365044bbd0e198fcb4f13e.jpg}"
								src="/imgs/c8db3f9be9365044bbd0e198fcb4f13e.jpg"
								alt="Second slide">
						</div>
						<div class="carousel-item">
							<img class="d-block" style="height: 300px; width: 100%"
								th:src="@{/imgs/c8db3f9be9365044bbd0e198fcb4f13e.jpg}"
								src="/imgs/c8db3f9be9365044bbd0e198fcb4f13e.jpg"
								alt="Third slide">
						</div>
					</div>
					<div
						style="width: 100%; height: 32px; position: absolute; z-indent: 2; left: 0; top: 268px; background-color: rgba(0, 0, 0, 0.5)">
						<span style="color: white; padding-left: 10px; font-size: 16px;">学校启动2018“平安成电”安全教育月活动</span>
						<ol class="carousel-indicators"
							style="width: 38px; left: 70%; top: 15px">
							<li data-target="#carouselExample2" data-slide-to="0"
								class="active"></li>
							<li data-target="#carouselExample2" data-slide-to="1"></li>
							<li data-target="#carouselExample2" data-slide-to="2"></li>
						</ol>
					</div>
				</div>
			</div>
			<div class="col-lg-6 col-md-6">
				<div class="row">
					<div class="col-lg-10 col-md-10 col-sm-10">
						<ul class="nav nav-pills mb-3" id="pills-tab" role="tablist"
							style="float: left">
							<li class="nav-item mynav-item"><a class="nav-link active"
								id="pills-1-tab" data-toggle="pill" href="#pills-1" role="tab"
								aria-controls="pills-1" aria-selected="true"
								style="background-color: #005bac; padding: 5px 10px 5px 10px; border-right: thin solid #F7F5F4; border-radius: 0; color: white"><span
									id="f-16">综合新闻</span> <i class="fa fa-caret-down"
									style="position: absolute; bottom: 6px; left: 52px; color: #005bac"></i></a></li>
							<li class="nav-item mynav-item"><a class="nav-link"
								id="pills-2-tab" data-toggle="pill" href="#pills-2" role="tab"
								aria-controls="pills-2" aria-selected="false"
								style="background-color: #dcdde1; padding: 5px 10px 5px 10px; border-right: thin solid #F7F5F4; border-radius: 0; color: #63666b"><span
									id="f-16">项目动态</span><i class="fa fa-caret-down"
									style="position: absolute; bottom: 6px; left: 137px; color: #005bac; visibility: hidden;"></i></a></li>
							<li class="nav-item mynav-item"><a class="nav-link"
								id="pills-2-tab" data-toggle="pill" href="#pills-2" role="tab"
								aria-controls="pills-2" aria-selected="false"
								style="background-color: #dcdde1; padding: 5px 10px 5px 10px; border-right: thin solid #F7F5F4; border-radius: 0; color: #63666b"><span
									id="f-16">合作交流</span><i class="fa fa-caret-down"
									style="position: absolute; bottom: 6px; left: 222px; color: #005bac; visibility: hidden; visibility: hidden;"></i></a></li>
							<li class="nav-item mynav-item"><a class="nav-link"
								id="pills-care-tab" data-toggle="pill" href="#pills-care"
								role="tab" aria-controls="pills-care" aria-selected="false"
								style="background-color: #dcdde1; padding: 5px 10px 5px 10px; border-right: thin solid #F7F5F4; border-radius: 0; color: #63666b"><span
									id="f-16">媒体关注</span><i class="fa fa-caret-down"
									style="position: absolute; bottom: 6px; left: 307px; color: #005bac; visibility: hidden;"></i></a></li>
							<li class="nav-item mynav-item"><a class="nav-link"
								id="pills-notice-tab" data-toggle="pill" href="#pills-notice"
								role="tab" aria-controls="pills-notice" aria-selected="false"
								style="background-color: #dcdde1; padding: 5px 10px 5px 10px; border-radius: 0; color: #63666b"><span
									id="f-16">通知公告</span><i class="fa fa-caret-down"
									style="position: absolute; bottom: 6px; left: 392px; color: #005bac; visibility: hidden;"></i></a></li>
						</ul>
					</div>
					<div class="col-lg-2 col-md-2 col-sm-2">
						<a class="mylink" style="float: right; padding-top: 6px"
							th:href="@{/news}" href="/news" id="f-14"> 更多> </a>

					</div>
				</div>
				<div class="row">
					<div class="col-lg-12 col-md-12 col-sm-12 tab-content"
						id="pills-tabContent" style="padding: 0 15px 0 15px;">
						<div class="tab-pane fade show" th:each="userhead : ${newsMap}"
							th:id="'pills-'+${userhead.key}"
							th:aria-labelledby="'pills-'+${userhead.key}+'-tab'"
							th:class="${userhead.key}==1?'tab-pane fade show active':'tab-pane fade show'"
							style="background-color: white;">
							<ul class="myul"
								style="padding: 15px 25px 15px 25px; height: 250px; margin: 0px">
								<li th:each="list:${userhead.value}"><i
									class="fa fa-caret-right"></i><a th:href="@{/detail}"
									href="/detail" th:text="${list.title}"
									style="padding-left: 10px;">担负新使命 聚焦新任务 把握新要求</a><span
									th:text="${#dates.format(list.createTime, 'yyyy-MM-dd')}"
									style="float: right; color: #aaa">2018-03-06</span></li>
							</ul>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div class="container" style="margin-top: 30px">
		<div class="row">
			<div class="col-lg-6 col-md-6"
				style="width: 470px; text-align: center;">
				<div class="row" style="padding: 0 15px 0 15px">
					<a class="col-lg-6 col-md-6 col-sm-6"
						style="height: 130px; padding-left: 0px; padding-right: 10px"
						th:href="@{/service}" href="/service"> <span
						style="border: medium solid #28A700; height: 100%; padding-top: 50px; display: block">
							<span style="height: 130px; color: #000;"><b>技术创新 </b></span> <span
							id="f-18"
							style="color: white; padding-top: 24px; width: 60px; height: 60px; background-color: #28A700; position: absolute; right: 10px; bottom: 0px; border-radius: 100% 0 0 0;">
								<b style="padding-left: 5px">业 </b>
						</span>
					</span>
					</a> <a class="col-lg-6 col-md-6 col-sm-6"
						style="height: 130px; padding-left: 10px; padding-right: 0px"
						th:href="@{/service}" href="/service"> <span
						style="border: medium solid #17A2B8; height: 100%; padding-top: 50px; display: block">
							<span style="height: 130px; color: #000;"><b>科技工程 </b></span> <span
							id="f-18"
							style="color: white; padding-top: 24px; width: 60px; height: 60px; background-color: #17A2B8; position: absolute; left: 10px; bottom: 0px; border-radius: 0 100% 0 0;">
								<b style="padding-right: 5px">务</b>
						</span>
					</span>
					</a>
				</div>
				<div class="row" style="margin-top: 20px; padding: 0 15px 0 15px">
					<a class="col-lg-6 col-md-6 col-sm-6"
						style="height: 130px; padding-left: 0px; padding-right: 10px"
						th:href="@{/service}" href="/service"> <span
						style="border: medium solid #FD7E14; height: 100%; padding-top: 50px; display: block">
							<span style="height: 130px; color: #000;"><b>教育培训 </b></span> <span
							id="f-18"
							style="color: white; padding-top: 8px; width: 60px; height: 60px; background-color: #FD7E14; position: absolute; right: 10px; top: 0px; border-radius: 0 0 0 100%;">
								<b style="padding-left: 5px">板 </b>
						</span>
					</span>
					</a> <a class="col-lg-6 col-md-6 col-sm-6"
						style="height: 130px; padding-left: 10px; padding-right: 0px"
						th:href="@{/service}" href="/service"> <span
						style="border: medium solid #DC3545; height: 100%; padding-top: 50px; display: block">
							<span style="height: 130px; color: #000;"><b>科技服务 </b></span> <span
							id="f-18"
							style="color: white; padding-top: 8px; width: 60px; height: 60px; background-color: #DC3545; position: absolute; left: 10px; top: 0px; border-radius: 0 0 100% 0;"><b
								style="padding-right: 5px">块</b></span>
					</span>
					</a>
				</div>
			</div>
			<div class="col-lg-6 col-md-6">
				<img th:src="@{/imgs/20180308102704.jpg}"
					src="/imgs/20180308102704.jpg" style="width: 100%; height: 280px">
			</div>
		</div>
	</div>
	<footer
		style="height: 180px; width: 100%; background-color: #DEDEDE; margin-top: 30px"
		th:insert="~{templates/footer::.container}"> </footer>
</body>
</html>